
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>湛卢平台</title>
    <link rel="stylesheet" type="text/css" href="http://mjs.sinaimg.cn/wap/public/fontIcon/style.css"/>
    <link rel="stylesheet" type="text/css" href="https://mjs.sinaimg.cn/wap/online/dpool/zhanlu/201711221730/css/main.css"/>
    <script>
        function rem() {
            var t = 100, o = 1280, e = document.documentElement.clientWidth || window.innerWidth, n = Math.max(Math.min(e, 480), 320), h = 50;
            320 >= n && (h = Math.floor(n / o * t * .99)), n > 320 && 362 >= n && (h = Math.floor(n / o * t * 1)), n > 362 && 375 >= n && (h = Math.floor(n / o * t * 1)), n > 375 && (h = Math.floor(n / o * t * .97)), document.querySelector("html").style.fontSize = h + "px"
        };
        rem();
        window.onresize = function(){
            rem();
        }
    </script>
    <script>
    
        var userInfo = {
            userName:"张鹏",
            //userImg:"https://k.sinaimg.cn/n/default/20170804/B_HN-fyitapp0562055.jpg/w200h134l50t1f1f.jpg",
            time:'Login : 05-22 16:45',
            uid:335        }
    </script>
</head>

<body>
<main class="page_main"  id="app">

        <header class="hd">
        <a href="javascript:void(0)" class="hd_lg"><img src="images/logo.png"></a>
        <nav class="hd_nav">
        
<a class="hd_nav_a" href="main.php">首页</a>

<span class="hd_nav_a">
<a href="javascript:void(0)">评估列表</a>
<div class="hd_nav_sec">
<a class="hd_nav_sec_a" href="evaluate.php">标签评估</a>
<a class="hd_nav_sec_a" href="cover.php">配图评估</a>
<a class="hd_nav_sec_a" href="video.php">视频评估</a>
<a class="hd_nav_sec_a" href="author.php">作者评估</a>
</div></span>


<a class="hd_nav_a" href="subtotal.php">分类汇总</a>


        </nav>
        <!-- 推出按钮我这里不控制 -->
        <a href="logout.php" class="hd_del">退出</a>
        <!-- 推出按钮我这里不控制 -->
        <section class="u_info">
            <figure class="u_i">
                <img class="img_width" :src="userInfo.userImg" />
            </figure>
            <aside class="u_r">
                <span class="u_r_n" v-text="userInfo.userName"><script>document.write(userInfo.userName);</script></span>
                <time class="u_r_t" v-text="userInfo.time"><script>document.write(userInfo.time);</script></time>
            </aside>
        </section>
    </header>
    
    <section class="c_b" >
        <section class="c_b_f j_touchEnd">
            <a class="m_f_a j_feed" href="JavaScript:void(0)"  @click="changeUrl" :title="v.title" v-for="(v,key) in items" :data-tyurl="v.url" :data-url="v.surl"  :data-uuid="v.uuid" :data-index="key">
                
                <aside class="m_f_con">
                    <h2 v-if="v.ltitle" class="m_f_con_t cm_tit" v-text="v.ltitle"></h2>
                    <h2 v-if="!v.ltitle" class="m_f_con_t cm_tit" v-text="v.title"></h2>
                </aside>
            </a>
        </section>
        <aside class="c_b_art">

             <section class="art_box loading"><iframe class="art_box_if" :src="iframeWrapUrl" id="iframeWrap" @click="changeUrl"></iframe></section>
             <section class="c_b_b">
               <section class="c_b_b_top">

                <a class="art_a_link" :href="iframeTianyiUrl" target="_blank"></a>
                
                <section class="cover_box_b">
                    <div class="c_item" v-for="(i,key) in imgs">
                        <div class="c_img_wap"><img class="c_img_img" :src="i.url" alt=""></div>
                        <aside class="star_box">
                            <section class="star_box_s" :data-img="key">
                                <em class="star"  @click="getscore" data-score="1"></em>
                                <em class="star"  @click="getscore" data-score="2"></em>
                                <em class="star"  @click="getscore" data-score="3"></em>
                                <em class="star"  @click="getscore" data-score="4"></em>
                                <em class="star"  @click="getscore" data-score="5"></em>
                            </section>
                            <span class="fen_info j_hide_info" >↑↑↑戳我给文章配图打分</span>
                            <span class="fen_info j_fen_info" ></span>
                        </aside>
                        <aside class="lable_box cover_box j_cover_box"  :data-img="key" > <!-- 最多9个字 -->
                            <em  @click="getLebalsVal"  class="lable_s3 lable_cm" data-val="1"><span class="lable_ipt ">图片与文章不匹配</span></em>
                            <em  @click="getLebalsVal"  class="lable_s3 lable_cm" data-val="2"><span class="lable_ipt ">图片涉及政黄暴恐</span></em>
                            <em  @click="getLebalsVal"  class="lable_s3 lable_cm" data-val="3"><span class="lable_ipt ">图片质量差</span></em>
                            <em  @click="getLebalsVal"  class="lable_s3 lable_cm" data-val="4"><span class="lable_ipt ">裁图不合适</span></em>
                        </aside>
                    </div>


                     <div class="c_item" v-if="imgs.length==0">
                        <div class="c_img_wap"><img class="c_img_img" src="" ></div>
                    </div>




                    <aside class="lable_box " :class="{show:reasonFlag}">
                        <span class="fen_info"  :class="{hide:!reasonFlag}" style="color: #808080">-----------------------------------------</span>
                        <span class="fen_info"  :class="{hide:!reasonFlag}">配图辣眼睛？大爷您给赐个关键词吧</span>
                        <em class="lable_s3 lable_cm add">
                            <input type="text" class="lable_ipt j_class_input" placeholder="请输入关键词" @keyup.13="addUserReason" v-model="entity"  @focus="writeUserReason" />
                            <span class="l_s_b" @click="addUserReason"></span>
                        </em>
                    </aside>

                    
                </section>
            </section>
                
                <section class="next_page_box"><a href="javascript:void(0)" class="next_page" @click="scoreAjax">提交进入下一篇<span class="next_bar" :style="{ width: readT + '%' }"></span></a></section>
            </section>
        </aside>
    </section>
</main>
<script src="https://mjs.sinaimg.cn/wap/online/dpool/zhanlu/201711221730/js/coverEvaluate_bundle.js?v=7"></script>
</body>
</html>
